<template>
	<view style="background-color:aliceblue">
		<view class="nav-wrap1">
		  <view class="nav-title1">
		    <image :showLoading="true" src="/static/logo.png" style="width:170px;height:70px;" />
		    <view class="nav-info1">
		      <view class="nav-info__title" @tap="jumpToWx">
		        <text class="nav-info__title__text">智能控制系统</text>
		      </view>
		      <text class="nav-slogan">无人船</text>
		    </view>
		  </view>
		</view>
	</view>
</template>

<script setup>
	
	
</script>

<style lang="scss"  scoped>
.nav-wrap1 {
  padding: 15px;
  position: relative;
  margin-top: 10px;
  border-radius: 10px;
  margin-left: 10px;
  margin-right: 10px;
  background: linear-gradient(to bottom,  #0080CC,#CCE5FF);
  .nav-title1 {
    /* #ifndef APP-NVUE */
    display: flex;
    /* #endif */
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
	.nav-info1 {
	  margin-left: 15px;
	
	  &__title {
	    /* #ifndef APP-NVUE */
	    display: flex;
	    /* #endif */
	    flex-direction: row;
	    align-items: center;
	
	    &__text {
	      /* #ifndef APP-NVUE */
	      display: flex;
	      /* #endif */
	      color: #333;
	      font-size: 25px;
	      font-weight: bold;
	      text-align: left;
	    }
	  }
	}
	
  }
}


.lang {
  position: absolute;
  top: 15px;
  right: 15px;
}

.logo {
  width: 70px;
  height: 70px;
  /* #ifndef APP-NVUE */
  height: auto;
  /* #endif */
}

.nav-slogan {
  color: #909399;
  font-size: 14px;
}

</style>
